<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Import style -->
    <link rel="stylesheet" href="https://unpkg.com/element-plus/dist/index.css">
    <!-- 必须在element-plus之前导入 -->
    <script src="https://unpkg.com/vue@3"></script>
    <!-- Import component library -->
    <script src="https://unpkg.com/element-plus"></script>
    
    <title>Document</title>
</head>
<body>
    <!-- <script type="importmap">
        {
            "imports":{
                "vue": "https://unpkg.com/vue@3/dist/vue.esm-browser.js"
                
            }
        }
    </script> -->
    <div id="app">
        
        <el-form inline="true">
            <el-form-item label="城市选择：">
            <el-select v-model="value" placeholder="请选择" style="width: 240px">
                <el-option
                v-for="item in cities"
                :key="item.value"
                :label="item.label"
                :value="item.value"
                >
              <span style="float: left">{{ item.label }}</span>
              <span
                style="
                  float: right;
                  color: var(--el-text-color-secondary);
                  font-size: 13px;
                "
              >
                {{ item.value }}
              </span>
            </el-option>
          </el-select>
        </el-form-item>
        <el-button>{{ msg }}</el-button>
        </el-form>
        <el-button>{{ msg }}</el-button>
    </div>
    <script type="module" lang="ts">
        // import {createApp,ref,defineComponent } from 'https://unpkg.com/vue@3/dist/vue.esm-browser.js';
        // import {createApp,ref,defineComponent } from "https://unpkg.com/vue@3"
        Vue.createApp({
            data(){
               return{
                 msg: "nihao",
                 value: "",
                 cities : [
                            {
                                value: 'Beijing',
                                label: 'Beijing',
                            },
                            {
                                value: 'Shanghai',
                                label: 'Shanghai',
                            },
                            {
                                value: 'Nanjing',
                                label: 'Nanjing',
                            },
                            {
                                value: 'Chengdu',
                                label: 'Chengdu',
                            },
                            {
                                value: 'Shenzhen',
                                label: 'Shenzhen',
                            },
                            {
                                value: 'Guangzhou',
                                label: 'Guangzhou',
                            },
                        ]
               }
            }
            
           
        }).use(ElementPlus).mount("#app")
    </script>
</body>
</html>